
/* styling of an exposed element */
#mask {
	background:#678;
	background-position:-260px -79px;
}

form.expose {
	border:1px outset #ccc;
	background: #09F;
	padding:20px;
	margin:20px 0;
	text-align:center;
	width:350px;
	-moz-border-radius:4px;
}

label, input {
	display: block;
	border:1px #333 solid;
	margin:5px;
}
.tombol{
	height:25px;
	background:url(../images/tombol.png) repeat-x;
	cursor:pointer;
	width:100px;
}

.tombol a:hover{
	background:url(../images/tombol1.png) repeat-x;
}
label {
	text-align: right;
	width: 75px;
	padding-right: 20px;
}

br {
	clear: left;
}

/* end styling expose */

body {
	background:#FFF url(../images/bgadmin.png) repeat-x;
	padding:150px 50px;
	font-family:"Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana;
}

/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}
.gagal{
	color:#F00;
	]